<template>
	<div class="wrap">
		<h3>我的积分</h3>
		<span>当前积分:<i>{{score}}分</i></span>
		<table align='center' style="border-collapse:collapse;">
			<tr class="title"><th>积分日期</th><th>变动</th><th>来源</th></tr>
			<tr class="content" v-for="item in scorearr" ><td>{{item.time}}</td><td>{{item.changenum}}</td><td>{{item.source}}</td></tr>
		</table>
	</div>
</template>

<script>
	export default{
		name:"mypoints",
		data(){
			return{
				score:240,
				scorearr:[{time:"2015-04-05 16:20:10",changenum:"+100",source:"消费赠送"},{time:"2015-04-05 16:20:10",changenum:"+100",source:"积分商城兑换"},{time:"2015-04-05 16:20:10",changenum:"+100",source:"消费赠送"},{time:"2015-04-05 16:20:10",changenum:"+100",source:"消费赠送"},{time:"2015-04-05 16:20:10",changenum:"+100",source:"积分商城兑换"},{time:"2015-04-05 16:20:10",changenum:"+100",source:"消费赠送"},{time:"2015-04-05 16:20:10",changenum:"+100",source:"消费赠送"}]
				
			}
		}
	}
</script>
  
<style scoped>
.wrap{
	width: 1085px;
	height: 623px;
	border: 1px solid rgb(242,242,242);	
}
h3{
	font-weight: 400;
	font-size: 18px;
	color: rgb(123,123,123);
	text-indent: 22px;
	line-height: 58px;
	border-bottom: 1px solid rgb(242,242,242);	
}
span{
	padding-left: 21px;
	font-size: 16px;
	color: rgb(123,123,123);
}
i{
	font-style: normal;
	color:rgb(248,141,48);
	font-size: 18px;
}
table{
	margin-left: 21px;
	border: 1px solid  rgb(242,242,242);
	width: 1040px;
	outline: none;
}
.title{
	background-color: rgb(242,242,242);
	color: rgb(123,123,123);
	line-height: 46px;
	font-weight: 100;
}
th{
	font-size: 16px;
}
.content{
	line-height: 54px;
	border-bottom: 1px solid  rgb(242,242,242);
}
td{
	font-size: 12px;	
	text-align: center;
	color: rgb(123,123,123);
}
.content>td:last-child{
	font-size: 14px;	
}
.content:hover{
	background-color: rgb(243,255,243);
}
</style>